<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <title>拖动</title>

    <style>
        .tuodong{
            height: 40px;
            width:1200px;
            background: red;
        }
    </style>

</head>

<body>

<p>注：dragstart->drag->dragenter->dragover->dragleave/drop->dragend</p>


<div class="tuodong">

</div>

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script>




//    function drag(ev)
//    {
//        ev.preventDefault();
//        ev.dataTransfer.setData("Text",ev.target.id);
//        alert('11111111');
//    }

//    function drop(ev)
//    {
//        ev.preventDefault();
//        alert('11111111');
//        var data=ev.dataTransfer.getData("Text");
//        ev.target.appendChild(document.getElementById(data));
//
//    }
</script>

</body>
</html>
